body {
    margin: 0px;
    font-family: arial;
}

#body {
    margin-top: 20px;
}

header {
    background-color: black;
    padding: 0px 10px;
}

h1 {
    background-color: black;
    color: white;
    margin: 0px;
    display: inline;
}

#headerLinks {
    float: right;
    display: inline;
}

#headerLinks a {
    color: silver;
    text-decoration: none;
    margin-left: 10px;
}
#headerLinks a:hover {color: dodgerblue;}
#headerLinks a:active {color: limegreen;}

#content {
    display: inline;
    float: left;
}

.ackronymLetter {color: lime;}

.notes {color: grey;}

table {border-collapse: collapse;}
table th, #debugTable td {padding: 0px 5px;}
table th {color: white; background-color: black;}
table tr:nth-child(2n+2) {background-color: lavender;}

#hoInfo tr:hover {background-color: lavender;}

#debugTable td:nth-child(2) {text-align: center;}

/* ----- */

.navList  {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#mainNav {float: left;}

#subNav {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#mainNav a {color: grey;}

#subNav a {color: black;}

#mainNav a, #subNav a {
    text-decoration: none;
    padding: 0 10px;
    margin: 0 10px;
}

#mainNav a.selected, #subNav a.selected {
    color: black;
    font-weight: bold;
}

#mainNav a:hover, #subNav a:hover {background-color: lavender;}

/* ----- */

.event {width: 500px;}
    
.event dt {
    position: relative;
    left: 0;
    top: 1.25em;
    width: 5em;
    font-weight: bold;
}

.event dd {
    border-left: 1px solid #000;
    margin: 0 0 0 6em;
    padding: 0 0 .5em .5em;
}

.cItem dd {border: 1px solid #000;}

/* ----- */
.licenseThumb {
    width: 60px;
    //border: 1px none black;
}

.licenseThumb:hover {border-color: lime;}